<template>
	<view>
		<view class="" style="width: 100%; height: 500rpx;">
			<image :lazy-load="true" :src="item.img" mode="" style="border-radius: 20rpx;width: 100%;height: 500rpx;margin: 0 auto;"></image>
		</view>
		<view class="text" style="padding: 20rpx;">
			<view class="u-border-bottom u-flex">
				<view class="u-flex-5">
					{{item.subTitle}}
				</view>
				<view class="u-flex-1">
					<u-icon name="map"></u-icon>{{item.map}}
				</view>
			</view>
			<view class="" style="font-size: 50rpx;margin: 10rpx;color: #0285ff;">
				{{item.title}}
			</view>
			<view class="">
				
			</view>
			<view class="" style="margin: 10rpx">
				评分：<u-rate :count="count" v-model="item.score"></u-rate>
			</view>
			<text>{{item.text}}</text>
			<view class="u-m-10">
				<u-section title="评论" :right="false" color="#0285ff" font-size="30" :bold="true" style="margin: 10rpx;"></u-section>
				<view class="u-font-30 u-p-10" style="border: 1rpx solid #A0CFFF;">
					<view class="u-m-20 ">
						网友1：{{item.talk1}}
					</view>
					<u-line color="#cce3f6" />
					<view class="u-m-20">
						网友1：{{item.talk2}}
					</view>
					<u-line color="#cce3f6" />
					<view class="u-m-20">
						网友1：{{item.talk3}}
					</view>
					<u-line color="#cce3f6" />
					<view class="u-m-20">
						网友1：{{item.talk4}}
					</view>
					<u-line color="#cce3f6" />
				</view>
				
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				item:{},
				count:5
			}
		},
		methods: {
			
		},
		onLoad(option) {
			this.item=JSON.parse(decodeURIComponent(option.talk))
			console.log(JSON.parse(decodeURIComponent(option.talk)))
		}
	}
</script>

<style>

</style>
